<template>
    <div class="image" :style="{'width':width,'height':height,'border-radius':radius}">
        <img :src="src" :style="{'object-fit':fit}">
    </div>
</template>

<script>
export default {
    name: 'VImage',
    props: {
        src: {
            type: String
        },
        width: {
            type: String
        },
        height: {
            type: String
        },
        radius: {
            type: String
        },
        fit: {
            type: String
        }
    }
}
</script>

<style scoped>
.image{
    overflow: hidden;
}
.image img{
    width:100%;
    height:100%;
    display: block;
}
</style>